<template>
    <div class="back">
        <div style="padding:20px;display:flex;color: white;justify-content: space-between;align-items: center;">
            <div 
            style="color:#c2ad98;
            margin-left: -2%;"
            @click="reBroadCast" 
            >
            <van-icon name="arrow-left" size="20"/>
            </div>
            <div ><span style="font-size:18px">OMINI官方旗舰店</span> <span style="font-size:12px;">2233</span><span style="font-size:12px ;">人观看</span></div>
            <div >
                <button 
                style="
                color: #c6afa0;
                border: none;
                background-color: white;
                font-size: 12px;
                border-radius: 50px;
                width:60px;
                height: 26px;"
                 @click="YesAndNo">
                 {{guanzhu}}
                </button>
            </div>
        </div>
        
        <div
        style="
        margin-top: 140%;
        ">
            <van-cell-group
            style="
            width:70%;
            height: 33px;
            float: left;"
            inset>
                <van-field
                v-model="value"   />
            </van-cell-group>
            <van-button round 
            style="
            width: 70px;
            display: flex;
            justify-content: space-around;
            align-items: center;
            height:33px;
            background-color: #c1ab96;
            border:none
            "
            type="primary">发送</van-button>
    </div>
    </div>
</template>
<script setup lang="ts">
    import { useRouter,} from 'vue-router';
    import {ref,createApp} from 'vue';
import { styleType } from 'element-plus/es/components/table-v2/src/common';
    const $router = useRouter();

    // const app = createApp();
    // app.use(Field);
    // app.use(CellGroup);
    //设置背景图片
    // let picColor = ref('red')
    
// let bgImage = computed(() => {
//     return require(`@/assets/11${picColor}.jpg`)
// })

    let value=ref("欢迎关注OMINI,BASS")

    //跳转回我的菜单
    function reBroadCast(){
            $router.push({path:"broadCast"})
            console.log(1111);
        };
    //是否关注
    let panDuan = false
    let guanzhu  = ref('关注')
    function YesAndNo(){
        if(panDuan == true){
            guanzhu.value= "关注"
            panDuan = false
        }else{
            guanzhu.value= "已关注"
            panDuan = true
        }
    };  
</script>
<style scoped>
    .back{
    background:url(@/assets/11.jpg)no-repeat;width:100%;height:662px;background-color: antiquewhite; background-size: 100% 100%; ;
    /* background: v-bind("`url(${bgImg}) no-repeat center`"); */
}
</style>>